Control Props Pattern
radish-miyazaki.icon
は
Test-Driven React, Second Edition
で初めて見たパターン
名前は Controllable Pattern であったがおそらく同じ
https://advanced-react-patterns.netlify.app/6
https://zenn.dev/53able/articles/9130de5990badb
Controlled Component
と
Uncontrolled Component
のいいとこ取りをする
Props
をオプショナルにして以下のように振る舞うようにする
渡された場合は
Controlled Component
渡されない場合は
Uncontrolled Component
<input>
コンポーネントでも採用されている
#React